<template>
  <div>
    <header-page></header-page>
    <!-- 内容 -->
    <div class="container">
      <div class="breadcrumbs">
        <a href="#">首页</a> &gt;
        <a href="#">帮助中心</a>&gt; 服务声明
      </div>
      <div class="wrapper help">
        <div class="pull-left w970 l230">
          <div class="box-border">
            <ul class="guidance-list">
              <li>
                <a href="#"
                  ><b>为什么选择我们？</b> *
                  如您是第一次访问我们网站，推荐您浏览！</a
                >
              </li>
              <li>
                <a href="#"><b>常见问题</b> * 客户咨询次数最多的问题</a>
              </li>
              <li>
                <a href="#"
                  ><b>购物演示</b> *
                  在线提交订单的动画演示文件，给您最直观的引导)</a
                >
              </li>
            </ul>
            <div class="article">
              <h3>
                <b>SEVICE</b>
                服务声明
              </h3>

              <h4>关于订购：</h4>
              <p>
                欢迎您的惠顾，您可以24小时在线提交订单，我们的工作时间是：
                8：30-21：00，如果您是在21：00以后提交订单，且要求在第二天清晨送达，限于实际情况，可能无法实现，第二日下午则不在此限制范围。<br />
                您可以当天提交当天配送的订单，但您需在18：00前提交并支付成功。如果是18：00后才提交和支付，将按如下原则处理：如您的订单在我们配送能力之内，将安排当天送达；否则将直接转移为第二天上午送达。<br />
                上述情况，如果您想确定能否按您的时间送达，请联系我司客服人员确认。
              </p>
              <p>
                每一个订单我们最少将发出3封邮件，分别为：订单提交后通知邮件，确认到款邮件，送达通知邮件。（邮件由系统自动发送。由于网络原因，偶尔会有延迟或收不到的情况，另有部分情况邮件将出现在垃圾文件夹。）
              </p>
              <br /><br />

              <h4>关于支付：</h4>
              <p>
                如果您选择的是非网上支付方式，请您付款后务必及时通知我们，通知途径：电话、短信、传真、在线客服任选其一。如果未收到您的付款通知，我们将无法查实您的款项，订单将不会被安排，敬请支持。
              </p>
              <!--<p>关于上门收款：(上门收款仅开通部分大中城市，具体的开通城市请<a href="#">参见上门收款说明</a>)，我们在收到上门收款订单后，将尽快与订购人联系确认。如果您所留联系电话/手机无法及时联系到您，我们无法保证订单及时配送。请您提供完上门收款订单后，通知我司客服确认订单有效。注意事项：上门收款地址必须是市区；上门收款需收取10元上门收款服务费；如选择上门收款服务，需在配送日期基础上至少提前一天订购。</p>-->
              <br /><br />

              <h4>配送说明：</h4>
              <p>请点击参阅配送说明条款。</p>
              <p>
                如果我们在安排您的订单时，确认到您所配送的地址为郊区或者远郊，而您没有正确选择和支付相应配送费用时，我们将联系您告知配送地址和配送费用的情况，针求您的意见后处理订单。如果通过您所留联系方式我们无法及时联系到您，且您已成功支付订单中的货款，只是未支付或未足额支付配送费用，且配送费用少于60元时，我们默认将先安排配送订单，不影响订单配送，我们将另找时间再尝试联系您补付相关配送费用。如果所需补付配送费用多于60元，且我们无法通过您所留联系方式及时联系到您，所造成的订单延误我们将不承担责任。
              </p>
              <p>
                有关配送时间的特别说明： <br />
                原则上，我们不承诺“?点?分”这样很具体的时间送达，我们只承诺类似“?月?日上午、下午、晚上”或？点以前”这样的时间送达。但如果您确有特殊要求，可在“特殊要求”栏内注明，我们将尽力按照您要求的时间完成。但如果确有特殊原因：如收花人联系不到、城市严重交通问题等，而造成递送时间的拖延，我们将不承担赔偿责任。提交订单时您可以选择上午(8:30-12:00)、下午(12:00-18:00)、晚上(18:00-21:00)三个时段，特别提示：如果下单时间距离所选时段少于3小时，客户所选时段无法满足的情况下，将尽量在客户付款后3小时内送到。
              </p>
              <br /><br />

              <h4>关于鲜花/蛋糕：</h4>
              <p>
                我们可以保证送到您手中时鲜花/蛋糕是新鲜的，请收货人在收到后务必立刻进行保鲜处理，以免影响货品的品质。
              </p>
              <p>
                由于鲜花的季节性和供货渠道变化性较强，可能您选择的某种花材无法供应，对于非主要花材，我们在尽量不影响您所选的鲜花效果的情况下，按照寓意相同、类似花材价值相同替代原则代替，对于主要花材，我们将在征求您的意见后进行处理，恳请您谅解；
              </p>
              <p>
                由于鲜花/蛋糕的保鲜时间短，如果在您要求送达的时间内，收货人不在您所提供的地址且该地址无认识收货人的代收人，我们将与收货人和订购人联系，如果都无法联系上耽误配送，我们可根据情况决定是否再次配送。如果收货人非我方原因拒收货品，我们将与订购人联系沟通，如果鲜花/蛋糕保鲜期已过，仍无法通过订单所留联系方式联系到订购人，或订购人知情后仍未给出回复，订单视为送达。
              </p>
              <p>
                如果您需要送达的城市不在我们《配送范围》列表，请您与我们的客服人员联系，我们将尽力帮您解决。
                <br />
                如果您在填写订单时：所要送达的地址不在我们的《配送范围》，或者远远超出了市区，可能需要加收配送费，请您与我们的客服人员沟通确认。如果我们无法通过您所留联系方式及时联系到您，超出配送时间3天，将按撤单处理，您所付的货款会将默认存入您的会员帐户，在与您取得联系后，根据您指定的方式退回。
              </p>
              <br /><br />

              <h4>关于绿植：</h4>
              <p>我们可以保证送到您手中的绿植花卉是新鲜的，并且品质优良。</p>
              <p>
                由于绿植花卉（包括盆景）是在不停的生长中，所以您所收到的实物会与网上的照片有所不同，希望您能谅解。
                由于绿植是不易运输的产品，如果在您要求送达的时间内收货人不在您所提供的地址，或者我们根本无法联系，或者收货人拒收，我们可根据情况决定是否再次递送。
              </p>
              <p>
                如果您需要送达的城市不在我们《配送范围》列表，请您与我们的客服人员联系，我们将尽力帮您解决。
                <br />
                如果您在填写订单时：所要送达的地址不在我们的《配送范围》，或者远远超出了市区，可能需要加收配送费，请您与我们的客服人员沟通确认。如果我们无法通过您所留联系方式及时联系到您，超出配送时间3天，将按撤单处理，您所付的货款会将默认存入您的会员帐户，在与您取得联系后，根据您指定的方式退回。
              </p>
              <br /><br />

              <h4>关于公仔：</h4>
              <p>
                提示：
                其他通过快递（包括平邮、EMS）方式配送的商品适用此服务说明。
              </p>
              <p><a href="#">请点击参阅相关配送说明条款。</a></p>
              <br /><br />
            </div>
          </div>
        </div>
        <div class="pull-left w210 r970">
          <div class="box-border">
            <div class="hd"><b></b>帮助中心</div>
            <ul class="bd">
              <li>
                <a href="#"><span class="ico ico-help5"></span>常见问题</a>
                <ul>
                  <li><a href="#">常见问题</a></li>
                </ul>
              </li>
              <li>
                <a href="#"><span class="ico ico-help3"></span>订单帮助</a>
                <ul>
                  <li><a href="#">订单查询</a></li>
                  <li><a href="#">取消订单</a></li>
                  <li><a href="#">订单补交货款</a></li>
                </ul>
              </li>
              <li>
                <a href="#"><span class="ico ico-help4"></span>售后服务</a>
                <ul>
                  <li><a href="#">投诉说明</a></li>
                  <li><a href="#">优惠券说明</a></li>
                  <li><a href="#">鲜花售后服务</a></li>
                  <li><a href="#">绿植售后服务</a></li>
                  <li><a href="#">其他售后服务</a></li>
                </ul>
              </li>
              <li>
                <a href="#"><span class="ico ico-help6"></span>礼品卡</a>
                <ul>
                  <li><a href="#">礼品卡使用说明</a></li>
                  <li><a href="#">礼品卡余额查询</a></li>
                </ul>
              </li>
              <li>
                <a href="#"
                  ><span class="ico ico-help1"></span
                  ><font class="f_14">服务声明</font></a
                >
                <ul>
                  <li class="active"><a href="#">服务声明</a></li>
                  <li><a href="#">购物流程</a></li>
                  <li><a href="#">隐私条款</a></li>
                  <!-- <li><a href="safe.htm">安全条款</a></li> -->
                </ul>
              </li>
              <li>
                <a href="#"><span class="ico ico-help7"></span>配送说明</a>
                <ul>
                  <li><a href="#">配送说明</a></li>
                  <li><a href="#">鲜花配送范围</a></li>
                  <li><a href="#">郊区/偏远地区配送费用</a></li>
                  <li>
                    <a href="#">港澳台配送说明</a>
                  </li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <footer-page></footer-page>
  </div>
</template>
<script>
import HeaderPage from "../../components/Header/header.vue"
import footerPage from "../../components/Footer/footer.vue"
export default {
  components:{
     HeaderPage,
     footerPage
  },
};
</script>
<style scoped lang='less'>
.container {
    width: 1200px;
    max-width: none !important;
    padding-right: 0;
    padding-left: 0;
    margin-top: 20px;
    margin-bottom: 30px;
  .breadcrumbs {
    margin-bottom: 10px;
    a {
      color: #333333;
      text-decoration: none;
    }
    :hover{
      color: #ff6a00;
      text-decoration: underline;
    }
  }
  .l230 {
    left: 230px;
  }
  .w970 {
    position: relative;
    width: 970px;
  }
  .pull-left {
    float: left !important;
  }
  .box-border {
    padding-top: 20px;
    border: 1px solid #d9d9d9;
    .guidance-list {
      margin: 0 30px 30px;
      padding: 0;
      list-style: none;
      li {
        margin-bottom: 1px;
        a {
          font-size: 12px;
          line-height: 40px;
          display: block;
          padding-left: 30px;
          color: #737373;
          border: 1px solid #f5f5f5;
          background-color: #f5f5f5;
          text-decoration: none;
        }
        :hover{
          background-color: #f1f9db;
        }
      }
    }
    .article {
      padding-bottom: 30px;
      color: #7e7e80;
      h3 {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.5;
        margin: 0 30px 30px;
        text-align: center;
        border-top: 3px solid #d9d9d9;
        b {
          font-size: 30px;
          font-weight: normal;
          display: block;
        }
      }
      h4 {
        font-size: 12px;
        font-weight: bold;
        display: inline-block;
        margin: 20px 30px;
        padding-bottom: 4px;
        color: #ff6a00;
        border-bottom: 2px solid #d9d9d9;
      }
      p {
        font-size: 12px;
        line-height: 22px;
        margin: 0 30px 20px;
        text-align: justify;
      }
      a {
        text-decoration: underline;
        color: #809902;
      }
    }
    .hd {
      background-color: #d6f188;
      font-weight: bold;
      line-height: 40px;
      position: relative;
      height: 40px;
      padding: 0 0 0 50px;
      color: #585858;
      b {
        background-image: url(../../assets/images/youimg/help_title_bg.png);
        position: absolute;
        top: 0;
        left: -10px;
        display: block;
        width: 51px;
        height: 50px;
      }
    }
    .bd {
      margin: 0;
      padding: 0;
      list-style: none;
      li {
        font-size: 14px;
        font-weight: bold;
        display: block;
        padding: 10px 0 10px 24px;
        color: #585657;
        a {
          color: #585657;
          .ico {
            margin-top: -4px;
            margin-right: 4px;
          }
        }
        :hover{
          color: #ff6a00; 
        }
        ul {
          margin: 0;
          padding: 0;
          list-style: none;
          li {
            font-weight: normal;
            margin: 0;
            padding: 0 0 0 -24px;
            a {
              font-size: 12px;
              line-height: 24px;
              display: block;
              margin-left: 28px;
              color: #7e7e80;
            }
            :hover{
              text-decoration: underline;
            }
          }
        }
      }
      .ico {
        display: inline-block;
        vertical-align: middle;
        background-repeat: no-repeat;
      }
      .ico-help1, .ico-help3, .ico-help4, .ico-help5, .ico-help6, .ico-help7{
        width: 24px;
        height: 24px;
        background-image: url(../../assets/images/youimg/common_z.png);
      }
      a {
        .ico {
          margin-top: -4px;
          margin-right: 4px;
        }
      }
      .ico-help5 {
        background-position: -362px -239px;
        background-repeat: no-repeat;
      }
      .ico-help3 {
        background-position: -194px -150px;
        background-repeat: no-repeat;
      }
      .ico-help4 {
        background-position: -244px -200px;
        background-repeat: no-repeat;
      }
      .ico-help6 {
        background-position: -328px -239px;
        background-repeat: no-repeat;
      }
      .ico-help1 {
        background-position: 0px -284px;
        background-repeat: no-repeat;
      }
      .ico-help7 {
        background-position: -244px -257px;
        background-repeat: no-repeat;
      }
    }
  }
  .r970 {
    right: 970px;
  }
  .w210 {
    position: relative;
    width: 210px;
  }
  .pull-left {
    float: left !important;
  }
}
</style>